@charset "utf-8";
/* 前台页面 by阿梁liangcaijian QQ632324010 2012-5-11
 * css catalogue:
 * -------------------
 * initialize.css
 * public.css
 * head.css 网站页头
 * keyword.css 导航下面的当前位置
 * footer.css 网站页脚
 * page.css 网站翻页css
 * newAdd.css
 * -------------------
 */

/*
 * ******************** initialize.css *******************
 * -------------------------------------------------------
 */
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #fff; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em { padding:0; margin:0; }
table,td{ border-collapse:collapse; border:0;padding:0; margin:0; text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
img, table, td, th { border: 0; }
ul, ol ,li{ list-style-type:none; }
a{ color:#4A4A4A; text-decoration:none}
a:hover{ color:#FF7900; text-decoration:underline}

/*网站的主色调定义*/
.clearfix {*ZOOM: 1}.clearfix:after{content:"\20";display:block;height:0;clear:both;}
.floatleft { float: left; }
.floatright {float: right; }
.clear { clear: both; height: 0; font-size:0;overflow:hidden; }
.blank { height:8px; overflow:hidden}

/*
 * ******************** public.css by liangcaijian QQ632324010***********************
 * -------------------------------------------------------
 */
.content_bg{width: 100%; min-width:1150px;padding-bottom:20px;overflow:hidden}
.content { width: 1150px; margin: 10px auto 0;overflow:hidden}
.content_color{width: 100%;min-width:1150px; padding-bottom:20px;background:#f1f1f1}
 
/*
 * ******************** head.css by liangcaijian QQ632324010*************************
 * -------------------------------------------------------
 */
.banner_top{ width: 100%;min-width:1000px;height:34px;line-height:33px; background:url(../images/banner_png.png);color:#666666;}
.banner_top em{ font-style:normal; color:#D6C0D6; padding:0 8px; display:inline-block;}
.banner_top .banner_top_width{ margin:auto;width: 1000px;}
.banner_top .left{ float:left; color:#11A8AD}
.banner_top .left a{color:#666666;display:inline-block; text-decoration:none;}.banner_top .left a:hover{color:#FF7900; text-decoration:underline;}
.banner_top .left .favorite_btn {background:url(../images/banner_png.png) no-repeat 0px -113px; text-indent:20px;display:inline-block;}
.banner_top .right{float:right;}
.banner_top .right a{color:#4A4A4A; text-decoration:none;}.banner_top .right a:hover{color:#FF7900; text-decoration:underline;}
.banner_top .right li { float: left; position: relative;z-index:20;}
.banner_top .right a { color: #666; display:inline-block;}
.banner_top .right a:hover { color: #0E8F92; }
.banner_top .right .line { padding: 0 12px; background: url(../images/banner_png.png) no-repeat -102px -81px;}
.banner_top .right .mobile {background:url(../images/banner_png.png) no-repeat 0px -82px;padding-left:18px;}
.banner_top .right .z_index {position: relative; z-index: 10;padding-right:15px;background:url(../images/banner_png.png) no-repeat right -103px;}
#visitor_user {padding: 0 10px; font-family:'宋体';}
#visitor_user a{color:#0F8D90;}
#float_list { width:82px;padding-top:26px;padding-bottom:3px;border:1px #BFBFBF solid;background:#FFF;position: absolute;z-index:1;top:2px;left:3px;display:none;overflow:hidden}
#float_list li { clear: left; width: 73px; line-height: 22px; padding-left: 8px; }
#float_list li a { color: #666666; text-decoration: none;}
#float_list li a:hover { color: #0E8F92; text-decoration: underline; }
#show_mobile {width:136px;height:175px;border:1px #e1e1e1 solid;background:url(../images/common/mobile.jpg);position:absolute;z-index:300;top:32px;right:0px;overflow:hidden;-moz-box-shadow:0px 0px 6px #cccccc;-webkit-box-shadow:0px 0px 6px #cccccc;box-shadow:0px 0px 6px #cccccc;display:none}
/* head css */
#head { margin: 0 auto; height:85px;width: 1000px; position:relative}
#head .left{ float:left; }
#head .left_flash{ position:absolute; top:15px; left:350px;}

/*顶部，我的购物车ajax窗口*/
#header_cart{ float:right;position:relative; z-index:10;margin-top:30px;}
#header_cart i{ display:block; width:30px;}
.header_cart_con{width:168px;height:35px;z-index:3;background:url(../images/common/cart_bg.gif)}
.header_cart_con .header_cart_title{display:inline-block;width:113px;height:32px;text-align:center;line-height:32px;color:#FFF;padding-left:20px;color:#fff}
.header_cart_con .header_cart_num{display:inline-block; background:#FCFAFC; position:absolute; top:1px; right:4px; z-index:210;width:30px;height:30px;line-height:30px;text-align:center;color:#0E8F92;font-weight:700;font-size:14px}
.header_cart_con .header_cart_title:hover, .header_cart_con .header_cart_num:hover{text-decoration:none}
#header_cart_list{position:absolute;left:-165px;top:30px;width:328px;border:1px solid #0E8F92;background:#f9f7fa;z-index:200; display:none}
.header_cart_empty{ width:100%;}
.hce_title{text-align:center;padding:15px 0;font-size:13px;color:#343233}

.cart_shoping_wrap{width:100%;overflow:hidden}
.cs_list{overflow-y:auto}
.cs_list dl{overflow:hidden;zoom:1}
.cs_list_item{padding:10px;border-bottom:1px dotted #999;background:#fff}
.cs_list_img{float:left;width:48px;height:60px;border:1px solid #CCC}
.cs_list_title{float:left}
.cs_list_title p{width:170px;padding-left:10px;padding-top:3px;color:#999}
.cs_list_title p.cs_list_name{height:35px;color:#666;overflow:hidden;line-height:1.5}
.cs_list_title p.cs_list_name a:hover{ color:#f00;text-decoration:none}
.cs_list_price{font-size:13px;float:right}
.cs_list_price span{color:#0E8F92;padding-right:5px}
.cs_list_price em{ font-style:normal}
.cs_list_item:hover{background:#f9f7fa}

.cs_checkout{padding:10px;background:#f9f7fa;color:#333}
.cs_checkout p{ width:100%; overflow:hidden}
.cs_checkout_num{ float:left; padding-top:5px}
.cs_checkout_num em{padding:0 5px;color:#f43499;font-weight:700;color:#0E8F92; font-style:normal;}
.cs_checkout_price{ float:right;}
.cs_checkout_price em{font-size:20px;color:#0E8F92;font-style:normal;}
.cs_checkout .cs_checkout_btn{ float:right; margin-top:15px;display:inline-block;text-align: center;border-radius: 3px;-webkit-border-radius: 3px;background:#0E989A;background:-webkit-gradient(linear,center bottom, center top, from(#0E8F92),to(#18B4B8));background:-moz-linear-gradient(top,#18B4B8 0%,#0E8F92 100%);padding:5px 25px; font-size:13px;color: #fff;font-family:'Microsoft Yahei';}
/* end head css*/

/*导航条的css样式---------------------------------------*/
.menu {Z-INDEX: 18; BACKGROUND:url(../images/banner_png.png) repeat-x 0 -199px; WIDTH: 100%;HEIGHT: 35px; TEXT-ALIGN: center; min-width:1000px}
.menu .menu_wrap {MARGIN: 0px auto; text-align:left; width:1000px;}
.menu .menu_list{ float:left; font-family:"Microsoft YaHei"}
.menu .menu_list LI {float:left; background:url(../images/banner_png.png) no-repeat right -140px;}
.menu .menu_list LI a.link{ padding:0 35px;height:35px; line-height:35px; text-align:center; font-size: 15px; display:inline-block;color:#FFF; text-decoration:none; background:url(../images/banner_png.png) repeat-x 0 -241px;}
.menu .menu_list LI a.hover{ padding:0 35px;height:35px; line-height:35px; text-align:center; font-size: 15px; display:inline-block;color:#FFF; text-decoration:none; }
.menu .menu_list LI a.hover:hover{ color:#FFF;background:url(../images/banner_png.png) repeat-x 0 -241px;}

/*近水楼台特色下拉菜单-------------------------------*/
.menu .toright {DISPLAY: inline; float:right;}

/*导航条的css样式---------------------------------------*/
#head_jiandan { width: 1150px; margin: 10px auto; overflow:hidden;}
#head_jiandan .left{ float:left;}
#head_jiandan .right{ float:right;width:500px; padding-top:30px;padding-right:30px;}
#head_jiandan .right .jiandan{height:20px; text-align:right; line-height:20px; color:#939393; overflow:hidden}
#head_jiandan .right .jiandan a{color:#333;text-decoration:none;}
#head_jiandan .right .jiandan a:hover{color:#F96703;text-decoration:underline;}
#head_jiandan .right .jiandan em{ font-style:normal; color:#E0E0E0; padding:0 7px;}

/*
 * ******************** end head.css *********************
 * -------------------------------------------------------
 */

 
/*
 * -------------------------------------------------------
 * ******************** page.css by liangcaijian QQ632324010*************************
 * -------------------------------------------------------
 */
.shop_list_page{ width:100%;padding-bottom: 10px;font-family:SimSun,Helvetica,sans-serif;overflow:hidden}
.shop_list_page .page { margin-top:15px; float:right;}
.page .former {display:block;color:#FF7800;text-decoration:none;height:30px; line-height:30px; padding:0 10px; font-size:13px;float: left; border: 1px solid #DEDEDE; background: #FFFFFF;}
.page .down { display: block;color: #FF7800; text-decoration:none;float: left;border:1px solid #DEDEDE;height:30px; line-height:30px; padding:0 10px; font-size:13px;background: #FFFFFF ;}
.page .page_link{color:#333333;border:1px solid #DEDEDE;background-color:#FFFFFF;display:block;float:left;text-decoration:none;height:30px;line-height:30px;padding:0 10px;font-size:15px}
.page .page_hover{color:#666666;border:1px solid #DEDEDE;background-color:#EFEFEF;display:block;float:left;text-decoration:none;height:30px;line-height:30px;padding:0 10px;font-size:14px}
.page .former_no{display:block;color:#666666;text-decoration:none;float:left;border: 1px solid #DEDEDE;background:#EFEFEF;height:30px; line-height:30px; padding:0 10px;}
.page .down_no {display:block;color:#666666;text-decoration:none;height:30px; line-height:30px; padding:0 10px;float:left;border:1px solid #DEDEDE; background: #F1F1F1;}
.page .stat { float: left; height: 30px; line-height: 32px;font-size:13px; color: #666666; text-decoration: none; margin-right:10px;}
.page .nonce { display: block; float: left;font-size: 13px;  height: 30px; text-decoration: none; color: #333333; line-height: 32px; padding: 0 5px; }
.page .former:hover {background:#FF7800;text-decoration: none;color:#FFF}
.page .down:hover {background:#FF7800;text-decoration: none; color:#FFF}
.page .page_link:hover,.page .page_hover:hover { text-decoration:none; background:#F1F1F1; color:#a53a00}
.page .page_link,.page .page_hover,.page .down,.down_no { border-left-style: none}
.top_page { float: right; padding-right: 10px; }
.top_page p { float: left; line-height: 30px; }

.page_item_button { height: 30px; line-height:32px; color: #333333; overflow:hidden}
.page_item_button .page_item_input{ height:27px; width:35px; border:1px #DDDDDD solid}
.page_item_button .page_btn { width:46px;HEIGHT:30px;DISPLAY:inline-block;border:0;FONT-SIZE:12px;CURSOR:pointer;COLOR:#333333;BACKGROUND:#F9F9F9; border:1px #DDDDDD solid; vertical-align:top}

/******上下翻页***小型种，显示如：1/25 < > ****/
.page-small {FONT-SIZE: 12px; FLOAT: right; OVERFLOW: hidden; COLOR: #999; FONT-FAMILY:SimSun,Helvetica,sans-serif; HEIGHT: 22px}
.page-small-len {DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 3px;FONT-WEIGHT: 400; LINE-HEIGHT: 20px;COLOR: #999;}
.page-small-prev {DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 3px;BORDER: #e5e5e5 1px solid;FONT-WEIGHT: 700; WIDTH: 19px; height:20px; line-height:20px;BACKGROUND-COLOR: #fff;COLOR: #999;TEXT-ALIGN: center}
.page-small-next {DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 3px;BORDER: #e5e5e5 1px solid; FONT-WEIGHT: 700;  WIDTH: 19px;height:20px;line-height:20px;BACKGROUND-COLOR: #fff;COLOR: #999;TEXT-ALIGN: center}
.page-small A {COLOR: #806f66; TEXT-DECORATION: none}
.page-small A:hover {BACKGROUND-COLOR: #efefef}
B.page-small-prev,B.page-small-next {BACKGROUND-COLOR: #efefef}
/*
 * -------------------------------------------------------
 * ******************** end page.css *********************
 * -------------------------------------------------------
 */


/*
 * -------------------------------------------------------
 * ******************** newAdd.css ***********************
 * -------------------------------------------------------
 */
/* form avalidate */
form .field_notice { color:#9C9C9C; margin-left:5px; }
form .red { color:red; border:0px; background-color:#FFFFFF; }
form label.error { color:red; margin-left:5px; }
form input.error { border:red 1px dotted; }
form label.checking { padding-left:18px; background:transparent url(../images/checking.gif) no-repeat; margin-left:5px; font-style:italic; color:#9C9C9C; display:none; }
form label.validate_right { padding-left:12px; background:transparent url(../images/right.gif) no-repeat; margin-left:5px; font-style:italic; color:green; float:none; }

/*
 * -------------------------------------------------------
 * ******************** footer.css by liangcaijian QQ632324010***********************
 * -------------------------------------------------------
 */
.foot_help_witdh { width:100%; min-width:1000px;border-top:1px #E7E7E7 solid; background:#FBFBFB; overflow:hidden }
.foot_help { width:1000px; HEIGHT: 160px; margin:0 auto;overflow:hidden }
.foot_help .f_help_list {BORDER-RIGHT: #e9e1e8 1px solid; PADDING:0px 0px 0px 15px; MARGIN-TOP:10px;FLOAT: left; BORDER-LEFT: #fdfdfd 1px solid; HEIGHT: 140px}
.foot_help .f_tit {COLOR: #666666; LINE-HEIGHT: 21px;HEIGHT: 25px;BACKGROUND-IMAGE:url(../images/ico.gif); BACKGROUND-REPEAT: no-repeat }
.foot_help .f_server .f_tit {BACKGROUND-POSITION: -214px -406px; WIDTH: 180px; PADDING-LEFT: 26px}
.foot_help .f_buy .f_tit {BACKGROUND-POSITION: -214px -286px; WIDTH: 145px; PADDING-LEFT: 23px}
.foot_help .f_pay .f_tit {BACKGROUND-POSITION: -214px -316px; WIDTH: 145px; PADDING-LEFT: 27px}
.foot_help .f_about .f_tit {BACKGROUND-POSITION: -214px -376px; WIDTH: 145px; PADDING-LEFT: 25px}
.foot_help .f_contact { WIDTH: 200px; float:right;color:#444444}
.foot_help .f_contact strong { line-height:40px; color:#FF7900; font-size:16px;}
.foot_help .f_contact DD { PADDING: 0;}
.foot_help .f_contact DD A { BACKGROUND:none;PADDING-LEFT:0px;HEIGHT: 24px;}
.foot_help .f_contact DD img { vertical-align:middle}
.foot_help DD {	PADDING-LEFT: 6px}
.foot_help DD A { BACKGROUND:url(../images/ico.gif) no-repeat -214px -426px; DISPLAY:inline-block; FONT:12px/22px 宋体,arial,sans-serif;PADDING-LEFT: 9px; OVERFLOW: hidden; COLOR: #999199; HEIGHT: 22px;text-decoration:none}
.foot_help DD A:hover {	 COLOR: #FF7900; text-decoration:underline}
.foot_help DD A strong {COLOR: #666666; font-weight:normal }

#footer { width: 100%; min-width:1150px;padding:20px 0;overflow: hidden; background:#FFF url(../images/foot_bg.gif) repeat-x; color: #797979; line-height: 20px; clear: both;font-family:"Microsoft YaHei"; color:#999999;}
#footer .footer_box{ width:1150px; margin:0 auto;}
#footer .footer_left{ float:left; width:800px }
#footer .footer_left em{ font-style:normal; padding:0 15px; color:#CCC}
#footer .footer_left p { height:28px; line-height:28px; text-align:left;}
#footer .footer_left a { color: #999999; text-decoration: none; font-size:13px;}
#footer .footer_left a:hover { COLOR: #FF7900;text-decoration: underline; }
#footer .fonter_right{ float:right; width:238px; padding-top:4px; line-height:200%;overflow:hidden}

#footer_jiandan{ margin:0 auto; border-top:1px #f2f2f2 solid;width:1150px;padding-top:15px; margin-top:25px;padding-bottom: 15px; overflow: hidden; text-align: center; color: #999999; line-height: 20px; clear: both;}
#footer_jiandan p { height:28px; line-height:28px;}
#footer_jiandan em{ font-style:normal; padding:0 8px; color:#aaaaaa}
#footer_jiandan a { color: #999999; text-decoration: none; font-size:13px;}
#footer_jiandan a:hover { COLOR: #FF7900;text-decoration: underline; }

/*---------------------------------------------右侧客服、回到顶部、by liangcaijian QQ632324010-------------------------------------------------*/
html {_background-image: url(about:blank);     /*用浏览器空白页面作为背景*/
	_background-attachment: fixed;           /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/}
#outer-control,#louter_qq {Z-INDEX:97;position:fixed;_position: absolute;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight-20);}
#outer-control {right:8px;bottom:33px; }
#nav-control-panel {WIDTH: 37px;position:relative;}
#nav-control-panel UL {MARGIN-TOP: 7px; LINE-HEIGHT: 30px; _margin-top: 2px}
#nav-control-panel UL LI { margin-top:5px;background-color:#A5A9B5; height:37px;text-align:center; LINE-HEIGHT:16px; white-space:normal; overflow:hidden}
#nav-control-panel UL LI a {display:block;padding:3px;color:#FFF;TEXT-DECORATION: none}
#nav-control-panel UL LI a:hover {COLOR: #FFF; background:#FF7300}
#nav-control-panel UL LI.back_top{ background:#A5A9B5 url(../images/qq_bg.png) no-repeat -13px -489px;cursor:pointer}
#nav-control-panel UL LI.back_top:hover{background:#FF7300 url(../images/qq_bg.png) no-repeat -13px -489px}
#nav-control-panel UL LI#close_weixin{ background:#0A8789 url(../images/qq_bg.png) no-repeat -64px -486px; cursor:pointer}
#nav-control-panel UL LI#close_weixin:hover{background:#FF7300 url(../images/qq_bg.png) no-repeat -64px -486px}
#qq-control { position:absolute; z-index:10;WIDTH: 143px; background:url(../images/qq_bg.png); left:-144px;top:-20px; display:none; overflow:hidden}
#qq-control p { height:50px; overflow:hidden}
#qq-control .closeqq { width:12px;height:12px; display:block; overflow:hidden; float:right}
#qq-control .closeqq:hover { background:none;}
#qq-control .qq-text{ border:1px #FFE6D2 solid; margin:0px 5px 0px 5px;}
#qq-control .qq-text h3{ background:#FFE6D2; height:20px; line-height:20px; font-size:12px; color:#B25000;font-weight:normal; text-align:center}
#qq-control .qq-text DL{ padding:10px;overflow:hidden}
#qq-control .qq-text DL DT{ overflow:hidden;color:#333}
#qq-control .qq-text DL DT a{ padding:3px 0;color:#333}
#qq-control .qq-text DL DT a:hover{ background:#FFF;color:#FF7301;}
#qq-control .qq-foot{ height:33px; width:159px;background:url(../images/qq_bg.png) 0 -443px;}
#weixin {position:absolute; z-index:10;WIDTH: 232px;left:-240px;top:-105px; border:1px #CCC solid;display:none;overflow:hidden}

#louter_qq { left:1px; top:210px; width:132px;}
#louter_qq .qq_top { background:url(../images/about/qq_top.gif); width:132px; height:58px;border-radius:5px 5px 0 0;}
#louter_qq .qq_top .close_left { float:right; width:20px; height:20px;display:block;}
#louter_qq .qq_body { border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid;border-bottom:2px #0896de solid; padding:3px 10px; background:#FFF; overflow:hidden;list-style-position:outside;}
#louter_qq .qq_body li { background:url(../images/about/qq_qq.gif) no-repeat 8px center; height:25px; line-height:25px; margin:8px 0px;}
#louter_qq .qq_body li a { display:block; padding-left:40px; font-size:14px}